
import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js";
//注册文件
function reg() {
    let registerForm = $('.registerForm');//表单
    let ibox = $('.ibox');//要验证的数据
    let username = $('.username');//账号
    let password = $('.password');//密码
    let repass = $('.repass');//重复密码
    let user = $('.user');
    let idcard = $('.idcard');
    let checkspans = $('.checkspan');//提示
    let pwshow = $('.pwshow');//内部提示

    //各项验证标记
    let usernameflag = true;
    let passflag = true;
    let repassflag = true;

    ibox.eq(1).on('click', function () {
        pwshow.eq(0).css('display', 'none');
        if (pwshow.eq(0).css('display') == 'none') {
            password.css('display', 'inline');
            setTimeout("$('.password').focus()",50);
        }   
    })
    ibox.eq(2).on('click', function () {
        pwshow.eq(1).css('display', 'none');
        if (pwshow.eq(1).css('display') == 'none') {
            repass.css('display', 'inline');
            setTimeout("$('.repass').focus()",50);
        }   
    })
    //验证手机号
    username.on('blur', function () {
        let thisVal = $(this).val();
        // alert(1)
        if (thisVal !== '') {
            let len = thisVal.replace(/[\u4e00-\u9fa5]/g, '**').length;
            if (len === 11) {
                let reg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
                if (reg.test(thisVal)) {
                    $.ajax({
                        type: "post",
                        url: "http://10.31.155.17/wanmeishijie/src/php/registry.php",
                        data: {
                            user: thisVal
                        }
                    }).done(function (data) {
                        if (data === 'false') {
                            checkspans.eq(0).css('color', 'green').html('此账号可用');
                          usernameflag = true;
                        } else {
                            checkspans.eq(0).css('color', 'red').html('对不起,用户名已存在！');
                            usernameflag = false;
                        }
                    });
                }
            } else {
                checkspans.eq(0).css('color', 'red').html('手机号格式不正确');
                ibox.eq(0).css('border', '1px solid red')
                usernameflag = false;
            }
         
           
        } else {
            checkspans.eq(0).css('color', 'red').html('不能为空');
            ibox.eq(0).css('border', '1px solid red')
            usernameflag = false;
       }
    })

    //验证密码
    password.on('input', function () {
        let thisVal = $(this).val();
            let reg3 = /[A-Z]+/;//大写
            let reg2 = /[a-z]+/;//小写
            let reg1 = /[0-9]+/;//数字
            let reg4 = /[\W_]+/; //符号
            let num = 0; //统计字符的种类
            if (reg1.test(thisVal)) {
                num++;
            }
            if (reg2.test(thisVal)) {
                num++;
            }
            if (reg3.test(thisVal)) {
                num++;
            }
            if (reg4.test(thisVal)) {
                num++;
            }
    
            switch (num) {
                case 1:
                    passflag = false;
                    break;
                case 2:
                case 3:
                    passflag = true;
                    break;
                case 4:
                    passflag = true;
                    break;
        };

    });
    password.on('blur', function () {
        let thisVal = $(this).val();
        if (thisVal !== '') { 
            if (thisVal.length >= 8 && thisVal.length <= 16) {
                if (passflag) {
                    checkspans.eq(1).css('color', 'green').html('密码可用');
                    passflag = true;
                }
            } else {
                checkspans.eq(1).css('color', 'red').html('密码必须包含大写字母、小写字母、数字、符号至少3种');
                passflag = false;
            }
        } else {
            checkspans.eq(1).css('color', 'red').html('不能为空');
            passflag = false;
        }
    });

    //重复密码

    repass.on('blur', function () {
        let thisVal = $(this).val();
        if (thisVal !== '') {
            if (password.val() === $(this).val()) {
                checkspans.eq(2).css('color', 'green').html('重复输入正确');
                repassflag = true;
            } else {
                checkspans.eq(2).css('color', 'red').html('密码确认不正确');
                repassflag = false;
            }
        } else {
            checkspans.eq(2).css('color', 'red').html('不能为空');
            repassflag = false;
        }
    });

    //真实姓名
    user.on('blur', function () {
        let thisVal = $(this).val();
        if (thisVal !== '') {
            let reg = /^(?:[\u4e00-\u9fa5·]{2,10})$/;
            if (reg.test(thisVal)) {
                checkspans.eq(3).css('color', 'green').html('√');
                userflag = true;
            } else {
                checkspans.eq(3).css('color', 'red').html('真实姓名格式不对');
                userflag = false;
            }
        } else {
            checkspans.eq(3).css('color', 'red').html('不能为空');
            userflag = false;
        }
    });

    //身份证
    idcard.on('blur', function () {
        let thisVal = $(this).val();
        if (thisVal !== '') {
            let reg = /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0[1-9]|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/
            if (reg.test(thisVal)) {
                checkspans.eq(4).css('color', 'green').html('√');
                idcardflag = true;
            } else {
                checkspans.eq(4).css('color', 'red').html('身份证格式不对');
                idcardflag = false;
            }
        } else {
            checkspans.eq(4).css('color', 'red').html('不能为空');
            idcardflag = false;
        }
    });

    //满足条件表单才可提交
    registerForm.on('submit', function() {
        if (username.val() === '') {
            checkspans.eq(0).css('color', 'red').html('用户名不能为空');
            userflag = false;
        }
        if (password.val() === '') {
            checkspans.eq(1).css('color', 'red').html('密码不能为空');
            passflag = false;
        }
        if (repass.val() === '') {
            checkspans.eq(2).css('color', 'red').html('密码重复不能为空');
            repassflag = false;
        }

        if (user.val() === '') {
            checkspans.eq(3).css('color', 'red').html('手机号码不能为空');
            userflag = false;
        }
        if (idcard.val() === '') {
            checkspans.eq(4).css('color', 'red').html('手机号码不能为空');
            idcardflag = false;
        }
        if (!usernameflag || !passflag || !repassflag||!userflag||!idcard) {
            return false;
        }
    });

}
export {
    reg
}




// import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js";
// //注册文件
// function reg() {
//     let registerForm = $('.registerForm');//表单
//     let ibox = $('.ibox');//要验证的数据
//     let username = $('.username');//账号
//     let password = $('.password');//密码
//     let repass = $('.repass');//重复密码
//     let user = $('.user');
//     let idcard = $('.idcard');
//     let checkspans = $('.checkspan');//提示
//     let pwshow = $('.pwshow');//内部提示

//     //各项验证标记
//     let usernameflag = true;
//     let passflag = true;
//     let repassflag = true;
//     let userflag = true;
//     let idcard = true;

//     ibox.eq(1).on('click', function () {
//         pwshow.eq(0).css('display', 'none');
//         if (pwshow.eq(0).css('display') == 'none') {
//             password.css('display', 'inline');
//             setTimeout("$('.password').focus()",50);
//         }   
//     })
//     ibox.eq(2).on('click', function () {
//         pwshow.eq(1).css('display', 'none');
//         if (pwshow.eq(1).css('display') == 'none') {
//             repass.css('display', 'inline');
//             setTimeout("$('.repass').focus()",50);
//         }   
//     })
//     //验证手机号
//     username.on('blur', function () {
//         let thisVal = $(this).val();
//         // alert(1)
//         if (thisVal !== '') {
//             let len = thisVal.replace(/[\u4e00-\u9fa5]/g, '**').length;
//             if (len === 11) {
//                 let reg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
//                 if (reg.test(thisVal)) {
//                     $.ajax({
//                         type: "post",
//                         url: "http://10.31.155.17/wanmeishijie/src/php/registry.php",
//                         data: {
//                             user: thisVal
//                         }
//                     }).done(function (data) {
//                         if (data === 'false') {
//                             checkspans.eq(0).css('color', 'green').html('此账号可用');
//                           usernameflag = true;
//                         } else {
//                             checkspans.eq(0).css('color', 'red').html('对不起,用户名已存在！');
//                             usernameflag = false;
//                         }
//                     });
//                 }
//             } else {
//                 checkspans.eq(0).css('color', 'red').html('手机号格式不正确');
//                 ibox.eq(0).css('border', '1px solid red')
//                 usernameflag = false;
//             }
         
           
//         } else {
//             checkspans.eq(0).css('color', 'red').html('不能为空');
//             ibox.eq(0).css('border', '1px solid red')
//             usernameflag = false;
//        }
//     })

//     //验证密码
//     password.on('input', function () {
//         let thisVal = $(this).val();
//             let reg3 = /[A-Z]+/;//大写
//             let reg2 = /[a-z]+/;//小写
//             let reg1 = /[0-9]+/;//数字
//             let reg4 = /[\W_]+/; //符号
//             let num = 0; //统计字符的种类
//             if (reg1.test(thisVal)) {
//                 num++;
//             }
//             if (reg2.test(thisVal)) {
//                 num++;
//             }
//             if (reg3.test(thisVal)) {
//                 num++;
//             }
//             if (reg4.test(thisVal)) {
//                 num++;
//             }
    
//             switch (num) {
//                 case 1:
//                     passflag = false;
//                     break;
//                 case 2:
//                 case 3:
//                     passflag = true;
//                     break;
//                 case 4:
//                     passflag = true;
//                     break;
//         };

//     });
//     password.on('blur', function () {
//         let thisVal = $(this).val();
//         if (thisVal !== '') { 
//             if (thisVal.length >= 8 && thisVal.length <= 16) {
//                 if (passflag) {
//                     checkspans.eq(1).css('color', 'green').html('密码可用');
//                     passflag = true;
//                 }
//             } else {
//                 checkspans.eq(1).css('color', 'red').html('密码必须包含大写字母、小写字母、数字、符号至少3种');
//                 passflag = false;
//             }
//         } else {
//             checkspans.eq(1).css('color', 'red').html('不能为空');
//             passflag = false;
//         }
//     });

//     //重复密码

//     repass.on('blur', function () {
//         let thisVal = $(this).val();
//         if (thisVal !== '') {
//             if (password.val() === $(this).val()) {
//                 checkspans.eq(2).css('color', 'green').html('重复输入正确');
//                 repassflag = true;
//             } else {
//                 checkspans.eq(2).css('color', 'red').html('密码确认不正确');
//                 repassflag = false;
//             }
//         } else {
//             checkspans.eq(2).css('color', 'red').html('不能为空');
//             repassflag = false;
//         }
//     });

//     //真实姓名
//     user.on('blur', function () {
//         let thisVal = $(this).val();
//         if (thisVal !== '') {
//             let reg = /^(?:[\u4e00-\u9fa5·]{2,10})$/;
//             if (reg.test(thisVal)) {
//                 checkspans.eq(3).css('color', 'green').html('√');
//                 userflag = true;
//             } else {
//                 checkspans.eq(3).css('color', 'red').html('真实姓名格式不对');
//                 userflag = false;
//             }
//         } else {
//             checkspans.eq(3).css('color', 'red').html('不能为空');
//             userflag = false;
//         }
//     });

//     //身份证
//     idcard.on('blur', function () {
//         let thisVal = $(this).val();
//         if (thisVal !== '') {
//             let reg = /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/
//             if (reg.test(thisVal)) {
//                 checkspans.eq(4).css('color', 'green').html('√');
//                 idcardflag = true;
//             } else {
//                 checkspans.eq(4).css('color', 'red').html('身份证格式不对');
//                 idcardflag = false;
//             }
//         } else {
//             checkspans.eq(4).css('color', 'red').html('不能为空');
//             idcardflag = false;
//         }
//     });

//     //满足条件表单才可提交
//     registerForm.on('submit', function() {
//         if (username.val() === '') {
//             checkspans.eq(0).css('color', 'red').html('用户名不能为空');
//             userflag = false;
//         }
//         if (password.val() === '') {
//             checkspans.eq(1).css('color', 'red').html('密码不能为空');
//             passflag = false;
//         }
//         if (repass.val() === '') {
//             checkspans.eq(2).css('color', 'red').html('密码重复不能为空');
//             repassflag = false;
//         }

//         if (user.val() === '') {
//             checkspans.eq(3).css('color', 'red').html('姓名不能为空');
//             telflag = false;
//         }
//         if (idcard.val() === '') {
//             checkspans.eq(4).css('color', 'red').html('身份证不能为空');
//             telflag = false;
//         }
//         if (!usernameflag || !passflag || !repassflag|| !repassflag|| !repassflag) {
//             return false;
//         }
//     });

// }
// export {
//     reg
// }